<template>
  <el-container>
    <el-header>
      <topmenu class="login_box" :list="list"></topmenu>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
    <el-footer>
      <foot></foot>
    </el-footer>
  </el-container>
</template>
  
  <script>
import topmenu from "../../components/topmenu.vue";
import foot from "../../components/foot.vue";
export default {
  data() {
    return {
      list: [
        {
          id: 1,
          modname: "个人登录",
          subroutername: "gelogin",
          aimgurl: require("@/assets/image/公众查询图标2.png"),
          imgurl: require("@/assets/image/公众查询图标2.1.png"),
        },
        {
          id: 2,
          modname: "机构登录",
          subroutername: "jglogin",
          imgurl: require("@/assets/image/公众查询图标3.1.png"),
          aimgurl: require("@/assets/image/公众查询图标3.png"),
        },
        {
          id: 3,
          modname: "专家登录",
          subroutername: "zjlogin",
          imgurl: require("@/assets/image/公众查询图标5.1.png"),
          aimgurl: require("@/assets/image/公众查询图标5.png"),
        },
      ],
    };
  },
  components: {
    topmenu: topmenu,
    foot: foot,
  },
  mounted() {},
  methods: {
    //  ==
  },
};
</script>
  <style>
.el-header {
  margin: 0%;
  padding: 0;
  height: auto !important;
  width: auto;
}
.el-card__body,
.el-main {
  margin: 0%;
  padding: 0%;
  min-height: calc(100vh - 7.69rem);
}
.login_box .menu_list_box {
  width: 13.3rem;
}
.login_box .menu_item_box {
  width: 3.5rem;
}
a {
  text-decoration: none;
}
.allbox {
  width: 15rem;
  background: #ffffff;
  border-radius: 0.125rem;
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15);
}
.loginallbox {
  margin: 0.75rem auto 1.375rem;
}
.tag_box {
  border-bottom: solid 0.0375rem #1954a4;
  display: flex;
  align-items: center;
  height: 0.75rem;
  padding-left: 0.25rem;
  box-sizing: border-box;
}
.tab {
  border-left: solid 0.075rem #1954a4;
  font-size: 16px;

  font-weight: 400;
  color: #1954a4;
  padding-left: 0.2125rem;
  box-sizing: border-box;
}
.login_box_gr_input {
  margin: auto;
  width: 5.75rem;
  padding: 0.75rem 0 0.3375rem;
}
.login_title {
  font-size: 0.375rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.login_box_gr_input .el-input {
  margin-top: 0.375rem;
}
.delu {
  background: #1954a4;
  border-radius: 0.025rem;
  width: 5.625rem;
  height: 40px;
  margin: auto;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-top: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.delu:hover {
  color: #ffffff;
  border-color: #1953a4ef;
  background-color: #1953a4ef;
}
.tishi_login {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.225rem;
  font-size: 0.175rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7c7c7c;
}
.tishi_login .tz {
  color: #1954a4;
  cursor: pointer;
}

.bottom_login {
  font-size: 0.175rem;
  font-weight: 400;
  color: #7c7c7c;
  margin-top: 0.45rem;
  text-align: center;
}
.nr {
  overflow-wrap: break-word;
  min-height: 1.5875rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.375rem;
}
</style>
  
  